<ion-view view-title="TimeTable">


    <ion-content>
        <table >


            <div class="row" style="padding: 0%;">
                <div class="col-head" style="width: 13%;"></div>
                <div class="col-head " style="width: 29%;">Morning</div>
                <div class="col-head " style="width: 29%;">Afternoon</div>
                <div class="col-head " style="width: 29%;">Evening</div>
            </div>

            <div ng-repeat="weekday in week" class="row" >
                <div class="col-day" > {{weekday}}
                </div>


                <div class="col-time" ng-show=isMorningTime[$index]>
                    {{timetable[weekday].MorningStart}}-{{timetable[weekday].MorningEnd}}
                </div>
                <div class="col-time" ng-show=!isMorningTime[$index]>

                </div>
                <div class="col-time" ng-show=isAfternoonTime[$index]>
                    {{timetable[weekday].AfternoonStart}}-{{timetable[weekday].AfternoonEnd}}
                </div>
                <div class="col-time" ng-show=!isAfternoonTime[$index]>

                </div>
                <div class="col-time" ng-show=isEveningTime[$index]>
                    {{timetable[weekday].EveningStart}}-{{timetable[weekday].EveningEnd}}
                </div>
                <div class="col-time" ng-show=!isEveningTime[$index]>

                </div>
            </div>


        </table>
        <div style="text-align: center;">
            <a class="button button-block button-stable button-dark icon icon-right ion-chevron-right" href="#/app/editTime">toEdit</a>
        </div>




    </ion-content>
</ion-view>